#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

//main-container全局样式
.app-container {
  padding: 20px;
}

// 隐藏bpmnjs图标
.bjs-powered-by {
  display: none;
}

.el-overlay-dialog {
  display: flex;
  justify-content: center;
  align-items: center;

  .el-dialog {
    .el-dialog__body {
      max-height: calc(100vh - 100px);
      overflow: auto;
    }
  }
}

// 展示流程图的父子层级
.bjs-breadcrumbs {
  display: flex;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  align-items: center;
  font-size: 16px;

  li {
    display: inline-flex;

    &::marker {
      content: none;
    }

    .bjs-crumb {
      display: inline-block;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: #fff;
    }

    a {
      cursor: pointer;
      color: rgb(0, 149, 255);
    }

    &:last-of-type {
      a {
        cursor: default;
        color: inherit;
      }
    }

    &:not(:first-of-type)::before {
      content: '>';
      width: 2em;
      height: 1em;
      text-align: center;
    }
  }
}
